<template>
  <div class="certification-wrapper">
    <Dialog ref="dialog" :title="title" class="dialog">
      <div class="avatar-wrapper">
        <el-avatar :size="200" :src="imgUrl" shape="square" class="avatar" />
      </div>
    </Dialog>
  </div>
</template>
<script>
import Dialog from '@/common/dialog'
export default {
  components: {
    Dialog
  },
  props: {
    imgUrl: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      title: '查看凭证'
    }
  },
  methods: {
    show() {
      this.$refs.dialog.show()
    }
  }
}
</script>
<style lang="scss" scoped>
@import '@/styles/mixin.scss';
.avatar-wrapper{
  text-align: center;
}
.dialog /deep/ .el-dialog{
  min-width: 530px;
  min-height: 380px;
}
</style>
